@charset 'utf-8';
@import 'sass/reset';
@import 'sass/function';
// index
// html,body{
//   height: 100%;
// }
body{
  // @include background("../images/bg3.png");
  background: url(../images/bg3.png) no-repeat center center/100% 100%;
  background: #242f6d \9;
}
.header{
  @include warp();background: #26368d;
  border-bottom: 2px solid #49559b;
}
.healeftbox{
  float: left;overflow: hidden;
  &>a{
      @include center(18px,#fff,40px,left,bold);float: left;
      padding:0 20px 0 6px;display: block;
      img{
        width: 30px;height: 26px;float: left;margin: 6px 6px 0 0;
      }
  }
  dl{
      float: left;
      a{
          width: 100px;height: 100%;float: left;display: block;
          @include center(12px,#fff,40px);
          cursor: pointer;
      }
      .heaactive{
          background: #0072c1;
      }
  }
}
.hearightbox{
  float: right;
  a{
      @include center(12px,#fff,40px);
      padding: 0 8px;
  }
}
// content
#content-max{
  @include warp(1000px);
}

.concenter{
  @include warp(100%,auto,10px);
}
.concenterleft{
  width: 706px;overflow: hidden;float: left;
}
.concdl{
  float: left;width: 100%;overflow: hidden;
  margin: 0 0 20px 0;
  dt{
    @include center(12px,#ffffff,40px,left);
  }
}
.concenterleft{
  .concdl:nth-child(1) .concdd a:nth-child(1){background: #4cc389;}
  .concdl:nth-child(1) .concdd a:nth-child(2){background: rgba(112, 185, 220,.7);}
  .concdl:nth-child(1) .concdd a:nth-child(3){background: #5f97f6;}
  .concdl:nth-child(2) .concdd a:nth-child(2){background: #3abbb6;}
  .concdl:nth-child(2) .concdd a:nth-child(3){background: #70d9bc;}
  .concdl:nth-child(2) .concdd a:nth-child(4){background: #70b9dc;}
  .concdl:nth-child(2) .concdd a:nth-child(5){background: #70b9dc;}
  .concdl:nth-child(2) .concdd a:nth-child(6){background: #70b9dc;}
  .concdl:nth-child(3) .concdd a:nth-child(1){background: #0094ea;}
  .concdl:nth-child(3) .concdd a:nth-child(2){background: #5f97f6;}
  .concdl:nth-child(3) .concdd a:nth-child(3){background: #6cb5e2;}
  .concdl:nth-child(4) .concdd a:nth-child(1){background: #3abbb6;}
  .concdl:nth-child(4) .concdd a:nth-child(2){background: #6cb5e2;}
  .concdl:nth-child(4) .concdd a:nth-child(3){background: #3dbbb7;}
  .concdl:nth-child(4) .concdd a:nth-child(4){background: #0dac8e;}
  .concdl:nth-child(4) .concdd a:nth-child(5){background: #3dbbb7;}
}
.concdd{
  overflow: hidden;
  a{
    width: 110px;height: 100px;overflow: hidden;
    float: left;display: block;
    background: rgba(146,102,177,0.8);
    background: #13284b \9;
    // 123f8b 0c3986 
    margin-right: 9px;
    &:nth-child(6n){
      margin-right: 0;
    }
    img{
      margin: 20px auto 8px;width: 40px;height: 40px;
    }
    span{
      display: block;
      @include center(13px,#fff,20px);
    }
  }
}
// right
.concenterright{
  float: right;width: 250px;overflow: hidden;
  &>h3{
    @include center(14px,#fff,20px,left);
    padding: 6px 0 10px;
  }
}
.conrightdl{
  @include warp(100%,auto,0,16px);
  background: rgba(11, 38, 75, 0.8);
  background: #123f8b \9;
  padding: 12px 0 6px 0;
  dt{
    width: 90%;margin: 0 auto 8px;overflow: hidden;
    @include center(13px,#fff,24px,left);
    // border-bottom: 1px solid #fff;
    white-space:nowrap; 
    overflow:hidden; text-overflow:ellipsis;
    &:hover{
      color:rgb(158, 42, 42);
    }
    img{
      width: 16px;height: 16px;display: inline-block;
      vertical-align: middle;
    }
    span{
      vertical-align: middle;padding-left: 10px;
    }
    a{
      float: right;color: #ccc;font-size: 12px;
    }
  }
}